<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>highchart</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="style.css">
<style type="text/css">
	div {
		width: 550px; 
		height: 400px; 
		margin: 0 auto;
	}
</style>


</head>
<body>
<div>
	<h2>基本曲线图表</h2>
	<button id="btn1" class="btn btn-primary">settitle</button>
	<div id="container"></div>
	<h2>带有标签折线图</h2>
	<div id="container3"></div>
	<h2>可缩放的图表</h2>
	<div id="container4"></div>
	<h2>带标记曲线图</h2>
	<div id="container5"></div>
	<h2>基本柱形图</h2>
	<div id="container6"></div>
	<h2>3d饼图</h2>
	<div id="container2"></div>
	<h2>函数</h2>
		<button id="btn2" class="btn btn-primary">增加数据</button>
		<button id="btn3" class="btn btn-primary">alter</button>
		<button id="btn4" class="btn btn-primary">改title</button>
		<button id="btn5" class="btn btn-primary">导出图</button>
		<button id="btn6" class="btn btn-primary">获取元素</button>		
		<button id="btn7" class="btn btn-primary">获取元素2</button>	
		<button id="btn8" class="btn btn-primary">获取选中的点</button>	
		<button id="btn9" class="btn btn-primary">设置title</button>
		<button id="btn10" class="btn btn-primary">设置subtitle</button>
		<button id="btn11" class="btn btn-primary">设置color</button>
		<button id="btn12" class="btn btn-primary">改变图例</button>
		<button id="btn13" class="btn btn-primary">跟新数据</button>
		<button id="btn14" class="btn btn-primary">跟新数据2</button>
	<div id="fun1"></div>
	<h2>改变标题</h2>

	<div id="container7"></div>


</div>


  <script src="js/jquery-3.2.1.min.js"></script>
  <script src="js/bootstrap.min.js"></script> 
  <script src="js/highcharts.js"></script>
  <script src="js/highcharts-3d.js"></script>
  <script src="js/exporting.js"></script>

  <script src="04highchart.js"></script>
  <script src="04highchart2.js"></script>
  <script src="04highchart3.js"></script>

  <script type="text/javascript">
   
  	
  </script> 
</body>
</html>